/* Dark Mode 深色 */
#app-body[theme="dark"] {
    /* 突出文字颜色 */
    --body-color: #409eff;
    /* 导航字体颜色 */
    --herder-color: #fff;
    /* 标题颜色 */
    --title-color: #000;
    /* 二级标题颜色 */
    --sub-title-color: #666;
    /* 背景色 */
    --body-background: #131313;
    /* 主体背景色 */
    --main-background: #1F1F1F;
    /* 主体文字颜色 */
    --main-color: #dfdfdf;
    /* 主体边框颜色 */
    --main-border: #182224;
    /* 滚动条颜色 */
    --scrollbar-thumb: #2b2b2b;
    --scrollbar-thumb-hover: #999;
    /* 主体阴影颜色 */
    --main-shadow: rgba(0, 0, 0, 0.5);
    /* 主体悬浮颜色 */
    --main-hover: #409eff;
    /* 悬浮文字颜色 */
    --main-hover-color: #fff;
    background-color: var(--body-background);
}

/* Light Mode 浅色*/
#app-body[theme="light"] {
    /* 突出文字颜色 */
    --body-color: #409eff;
    /* 导航字体颜色 */
    --herder-color: #000;
    /* 标题颜色 */
    --title-color: #000;
    /* 二级标题颜色 */
    --sub-title-color: #666;
    /* 背景色 */
    --body-background: #ebf1f4;
    /* 导航背景色 */
    --menu-background: #2E2E2E;
    /* 主体背景色 */
    --main-background: #fff;
    /* 主体文字颜色 */
    --main-color: #000;
    /* 主体边框颜色 */
    --main-border: #d6d6d6;
    /* 滚动条颜色 */
    --scrollbar-thumb: #d6d6d6;
    --scrollbar-thumb-hover: #999;
    /* 主体阴影颜色 */
    --main-shadow: rgba(0, 0, 0, 0.1);
    /* 主体悬浮颜色 */
    --main-hover: #409eff;
    /* 悬浮文字颜色 */
    --main-hover-color: #fff;
    background-color: var(--body-background);
}

/* Custom Mode 自定义背景*/
#app-body[theme="custom"] {
    /* 突出文字颜色 */
    --body-color: #409eff;
    /* 导航字体颜色 */
    --herder-color: #fff;
    /* 标题颜色 */
    --title-color: #000;
    /* 二级标题颜色 */
    --sub-title-color: #666;
    /* 背景色 */
    --body-background: #ebf1f4;
    /* 主体背景色 */
    --main-background: #fff;
    /* 主体文字颜色 */
    --main-color: #000;
    /* 主体边框颜色 */
    --main-border: #d6d6d6;
    /* 滚动条颜色 */
    --scrollbar-thumb: #d6d6d6;
    --scrollbar-thumb-hover: #999;
    /* 主体阴影颜色 */
    --main-shadow: rgba(0, 0, 0, 0.1);
    /* 主体悬浮颜色 */
    --main-hover: #409eff;
    /* 悬浮文字颜色 */
    --main-hover-color: #fff;
    background-image: url('../../assets/images/bg.jpg') !important;
}